﻿<html>
<head>
    <title></title>
    <script type="text/javascript" src="Scripts/jquery.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            
            $(".sidebarSecond__content").hide();
            $(".sidebarSecond__content:first").show();

            $("ul.sidebar__list li").hover(function () {
                $("ul.sidebar__list li").removeClass("active");
                $(this).addClass("active");
                $(".sidebarSecond__content").hide();
                var tab = $(this).attr("rel");
                $("#" + tab).fadeIn();

            });

        });

    </script>
    
    
</head>
<body>
    <div id="maincontent">
        <div class="main-left">
            <div class="sidebar">

                <ul class="sidebar__list">
                    <li class="khuyenmai active"   rel="tab1">
                        <i class="iconkm">
                            <i class="icon icon-sidebar"></i>
                        </i>
                        <a href="#"><span>Khuyến mãi tại Lazada</span></a>
                    </li>





                    <li class="suckhoe" rel="tab2">
                        <i class="iconkm">
                            <i class="icon icon-sk"></i>
                        </i>
                        <a href="#"><span>Sức khỏe & sắc đẹp</span></a>
                    </li>




                    <li class="thoitrang" rel="tab3">
                        <i class="iconkm">
                            <i class="icon icon-tt"></i>
                        </i>
                        <a href="#"><span>Thời trang</span></a>
                        <span class="splitter">|</span>
                        <a href="#"><span>Balo & Túi xách</span></a>
                    </li>




                    <li class="mevabe" rel="tab4">
                        <i class="iconkm">
                            <i class="icon icon-mvb"></i>
                        </i>
                        <a href="#"><span>Mẹ & Bé</span></a>
                    </li>



                    <li class="dongho" rel="tab5">
                        <i class="iconkm">
                            <i class="icon icon-dh"></i>
                        </i>
                        <a href="#"><span>Đồng hồ</span></a>
                        <span class="splitter">|</span>
                        <a href="#"><span>Nữ trang</span></a>
                        <span class="splitter">|</span>
                        <a href="#"><span>Mắt kính</span></a>
                    </li>

                    <li class="bachhoa" rel="tab6">
                        <i class="iconkm">
                            <i class="icon icon-bho"></i>
                        </i>
                        <a href="#"><span>Bách hóa Online</span></a>
                        <span class="splitter">|</span>
                        <a href="#"><span>Sách & Âm nhạc</span></a>
                    </li>


                    <li class="thethao" rel="tab7">
                        <i class="iconkm">
                            <i class="icon icon-thth"></i>
                        </i>

                        <a href="#"><span>Thể thao & Dã ngoại</span></a>
                    </li>


                    <li class="dogiadung" rel="tab8">
                        <i class="iconkm">
                            <i class="icon icon-dgd"></i>
                        </i>
                        <a href="#"><span>Đồ gia dụng</span></a>
                    </li>

                    <li class="nhacua" rel="tab9">
                        <i class="iconkm">
                            <i class="icon icon-nc"></i>
                        </i>
                        <a href="#"><span>Nhà cửa & Đời sống</span></a>
                    </li>

                    <li class="mayvitinh" rel="tab10">
                        <i class="iconkm">
                            <i class="icon icon-mvt"></i>
                        </i>
                        <a href="#"><span>Máy vi tính & Laptop</span></a>
                    </li>

                    <li class="dienthoai" rel="tab11">
                        <i class="iconkm">
                            <i class="icon icon-dt"></i>
                        </i>
                        <a href="#"><span>Điện thoại & Tablet</span></a>
                    </li>

                    

                    <li class="tv" rel="tab12">
                        <i class="iconkm">
                            <i class="icon icon-tv"></i>
                        </i>
                        <a href="#"><span>TV, Âm thanh, Thiết bị số</span></a>
                    </li>

                    <li class="mayanh" rel="tab13">
                        <i class="iconkm">
                            <i class="icon icon-ma"></i>
                        </i>
                        <a href="#"><span>Máy ảnh & Máy quay phim</span></a>
                    </li>

                    <li class="oto" rel="tab14">
                        <i class="iconkm">
                            <i class="icon icon-oto"></i>
                        </i>
                        <a href="#"><span>Ô tô, xe máy</span></a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="sidebarSecond__wrapper">
                <div class="sidebarSecond__content" id="tab1">
                    @Html.Action("ListKM", "TopListMain")
                    @Html.Action("KMLAZADAimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab2">
                    
                        @Html.Action("ListSKSD", "TopListMain")
                        @Html.Action("SKSDimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab3">
                    @Html.Action("ListTRTX", "TopListMain")
                    @Html.Action("TRTXimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab4">
                    
                            @Html.Action("ListMB", "TopListMain")
                    @Html.Action("MBimage", "TopImageMain")
                        
                </div>
                
            <div class="sidebarSecond__content" id="tab5">
                @Html.Action("ListDHMK", "TopListMain")
                @Html.Action("DHMKimage", "TopImageMain")
            </div>
                <div class="sidebarSecond__content" id="tab6">
                            @Html.Action("ListVOUCHERS", "TopListMain")
                    @Html.Action("VOUCHERSimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab7">
                    @Html.Action("ListTTDN", "TopListMain")
                    @Html.Action("TTDNimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab8">
                    @Html.Action("ListDOGD", "TopListMain")
                    @Html.Action("DOGDimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab9">
                    @Html.Action("ListNCDS", "TopListMain")
                    @Html.Action("NCDSimage", "TopImageMain")
                    
                </div>
                <div class="sidebarSecond__content" id="tab10">
                    @Html.Action("ListLAPTOP", "TopListMain")
                    @Html.Action("LAPTOPimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab11">
                    
                    @Html.Action("ListTABLET", "TopListMain")
                    @Html.Action("TABLETimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab12">
                    @Html.Action("ListTV", "TopListMain")
                    @Html.Action("TVimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab13">
                    @Html.Action("ListCAMERA", "TopListMain")
                    @Html.Action("CAMERAimage", "TopImageMain")
                </div>
                <div class="sidebarSecond__content" id="tab14">
                    @Html.Action("ListOTO", "TopListMain")
                    @Html.Action("OTOimage", "TopImageMain")
                </div>
            </div>
        <div class="main-right">
            <a href="#"><div class="right-box-tittle">Thảnh thơi mua sắm</div></a>
            <div class="right-box-wraper">
                
                <div class="thanhtoan">
                    <i class="icon icon-cash"></i>
                    <span>Thanh toán khi nhận hàng</span>
                </div>    
                <div class="giaohang">
                    <i class="icon icon-free"></i>
                    <span>Giao hàng toàn quốc</span>
                </div>
                <div class="trahang">
                    <i class="icon icon-free-return"></i>
                    <span>Trả hàng miễn phí trong 14 ngày</span>
                </div>
                <div class="nhabanhang">
                    <i class="icon icon-trusted-sellers-only"></i>
                    <span>Nhà bán hàng uy tín</span>
                </div>
                <div class="dichvu">
                    <i class="icon icon-customerService"></i>
                    <span> Dịch vụ CSKH chu đáo</span>
                </div>
                <a href="#"><span class="xemthem">Xem thêm</span></a>

            </div>
            <div class="right-box-tittle">BÁN HÀNG CÙNG LAZADA</div>
            <p class="right__block__text">Cửa hàng trực tuyến của chính bạn, <a href="#"><span class="xemthem">tìm hiểu thêm</span></a></p>

            <div class="right-box-tittle">MUA SẮM MỌI LÚC, MỌI NƠI</div>
                <a href="#"><img src="/Content/images/corner-app-12-11.jpg" /></a>
        </div>

            
        
    </div>
        
       
        
    





    


    
</body>
</html>